<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ℓσνє уσυ🍂🍯</title>
    <!-- ico图标 -->
     <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="static/css/style.css">
    <!-- 添加苹果快捷方式图标 -->
    <!-- <link rel="apple-touch-icon" href="icon.png" /> -->
    <link rel="apple-touch-icon" href="static/img/icon3.jpg" />
    <!-- 开启全屏显示（以 App 模式运行） -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="apple-touch-startup-image" href="static/img/icon3.jpg">
    <!-- APP 模式下，顶部空白处的颜色,可选为 default black black-translucent , default 使用 body 的背景色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!--  App 名称，在用户选择添加到主页的时候这个名字会自动蹦出来 -->
    <meta name="apple-mobile-web-app-title" content="𝙼𝚢 𝚕𝚘𝚟𝚎🌷">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
        content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no">
    <!-- 启动图 -->
    <!-- iPhone -->
    <link href="static/img/icon3.jpg" sizes="57x57" rel="apple-touch-icon">
    <link href="" media="(device-width: 320px) and (device-height: 480px)
   and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    <!-- iPhone (Retina) -->
    <link href="static/img/icon3.jpg" sizes="114x114"
        rel="apple-touch-icon">
    <link href="static/img/icon3.jpg" media="(device-width: 320px) and (device-height: 480px)
   and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <!-- iPhone 5 -->
    <link href="static/img/icon3.jpg" media="(device-width: 320px) and (device-height: 568px)
   and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <!-- iPad -->
    <link href="static/img/icon3.jpg" sizes="72x72" rel="apple-touch-icon">
    <link href="static/img/icon3.jpg" media="(device-width: 768px) and (device-height: 1024px)
   and (orientation: portrait)
   and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    <link href="static/img/icon3.jpg" media="(device-width: 768px) and (device-height: 1024px)
   and (orientation: landscape)
   and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
    <!-- iPad (Retina) -->
    <link href="static/img/icon3.jpg" sizes="144x144"
        rel="apple-touch-icon">
    <link href="static/img/icon3.jpg" media="(device-width: 768px) and (device-height: 1024px)
   and (orientation: portrait)
   and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="static/img/icon3.jpg" media="(device-width: 768px) and (device-height: 1024px)
   and (orientation: landscape)
   and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <meta name="author" content="三岁">
    <meta name="copyright" content="© 2025 三岁. 仓库地址: https://gitee.com/wyq517/record_love">
</head>

<body>
    <div class="container">
        <!-- 顶部波浪装饰 -->
        <div class="wave-decoration"></div>

        <!-- 主要内容区 -->
        <div class="content">
            <div class="main-character">
                <!-- 可以放置大熊头像或其他主要内容 -->
            </div>

            <!-- 可以添加其他内容元素 -->
            <div class="content-box">
                <h1>和小王在一起的第</h1>
                <div class="countdown">
                    <div class="time-item">
                        <span class="number" id="days">0</span>
                        <span class="label">天</span>
                    </div>
                    <div class="time-item">
                        <span class="number" id="hours">0</span>
                        <span class="label">小时</span>
                    </div>
                    <div class="time-item">
                        <span class="number" id="minutes">0</span>
                        <span class="label">分钟</span>
                    </div>
                    <div class="time-item">
                        <span class="number" id="seconds">0</span>
                        <span class="label">秒</span>
                    </div>
                </div>
                <div class="love-text">
                    <!-- 这里将显示随机选择的文本 -->
                     <p>我想对你说...</p>
                </div>
            </div>
            <!-- 九宫格相册 -->
            <div class="photo-grid">
                <div class="photo-item">
                    <img src="static/img/9/1.jpg" alt="照片1">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/2.jpg" alt="照片2">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/3.jpg" alt="照片3">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/4.jpg" alt="照片4">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/5.jpg" alt="照片5">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/6.jpg" alt="照片6">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/7.jpg" alt="照片7">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/8.jpg" alt="照片8">
                </div>
                <div class="photo-item">
                    <img src="static/img/9/9.jpg" alt="照片9">
                </div>
            </div>
        </div>
    </div>
    <script src="static/js/script.js"></script>
    <script src="static/js/html2canvas.min.js"></script>
    <div class="heartbeat-container">
        <svg class="heartbeat" width="100%" height="100%" viewBox="0 0 400 100">
            <path class="line" d="M0,50 
                L80,50 L90,50 
                L100,20 L110,80 
                L120,50 L140,50 
                L150,20 L160,80 
                L170,50 L190,50 
                L200,20 L210,80 
                L220,50 L300,50" fill="none" stroke="#ff9db7" stroke-width="10" stroke-linecap="round"
                stroke-linejoin="round" />
            <!-- <text x="291" y="50" font-size="100" fill="#ff9db7" dy=".3em">❤</text> -->
            <svg x="300" y="10" t="1736472127793" class="icon" viewBox="0 0 1129 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="27766" width="80" height="80">
                <path
                    d="M799.348 0C710.272 0 626.18 37.13 564.677 104.805 503.173 38.49 419.119 0 330.006 0 148.044 0 0 156.526 0 348.833c0 34.694 4.985 66.314 13.018 95.185h224.464c7.87 0 85.315-174.953 85.315-174.953 32.408-64.865 99.296-51.547 112.9 20.413L484.26 546.25l48.435-108.104c29.922-65.089 96.685-57.106 114.6 13.368l16.94 66.501 47.412-61.441 13.293-18.34h191.095c24.461 0 44.238 22.637 44.238 50.51 0 27.922-19.827 50.51-44.238 50.51H768.078l-59.68 80.543c-38.304 52.945-100.595 38.403-117.373-27.56l-10.77-42.327c-0.399-1.537-1.223-4.885-1.223-4.885L526.16 669.894c-30.87 67.176-98.534 55.345-112.389-17.84L365.1 394.695l-65.576 124.82-12.743 25.473H56.394c12.268 21.5 25.011 40.877 36.442 58.455 115.437 176.403 405.315 393.97 417.858 401.917 16.304 11.93 35.143 18.564 53.933 18.564a86.665 86.665 0 0 0 53.983-18.564c12.543-9.308 301.147-226.826 417.857-401.917 38.904-59.68 92.837-140.585 92.837-254.697C1129.34 156.526 981.26 0 799.348 0z"
                    fill="#ff9db7" p-id="27767"></path>
            </svg>
            <text x="340" y="50" font-size="30" fill="#000" text-anchor="middle">分享</text>
        </svg>
    </div>
    <div class="image-preview-modal" id="image-preview-modal">
        <div class="modal-content">
            <span class="close-button" id="image-close-button">&times;</span>
            <img id="image-preview" src="" alt="Image Preview">
        </div>
    </div>
    <div class="preview-modal" id="preview-modal">
        <div class="modal-content">
            <span class="close-button" id="close-button">&times;</span>
            <img id="preview-image" src="" alt="Screenshot Preview">
            <button id="download-button">下载图片</button>
        </div>
    </div>
    <div class="loading-overlay" id="loading-overlay">
        <div class="loader"></div>
    </div>
    <script>
        console.log("2025 作者三岁. 仓库地址: https://gitee.com/wyq517/record_love 版本号: 1.0 版权所有: 三岁 尊重代码版权");
    </script>
</body>

</html>